<!-- 员工 – 首页 – 课程管理 – 排课 – 3			arranging -->
<template>
	<view class="warps">
		<view class="w90">
			<view class="p_t_40">
				<view>
					<text class="fs32 bold">课程基本信息</text>
				</view>
				<view class="f b c p_t_31">
					<view class="vw40 f b c">
						<text class="fs24 ">课程名称</text>
						<input class="ipts" type="text" placeholder="请选择课程">
					</view>
					<view class="">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
				<view class="f b c p_t_31">
					<view class="vw40 f b c">
						<text class="fs24 ">选择时间</text>
						<input class="ipts" type="text" placeholder="请选择上课时间">
					</view>
					<view class="">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
				<view class="quanxian m_t_30"></view>
			</view>
			<view class="m_t_50">
				<view>
					<text class="fs32 bold">课程阶段</text>
				</view>
				<view class="f b c p_t_31">
					<view class="vw40 f b c">
						<text class="fs24 ">选择阶段</text>
						<input class="ipts" type="text" placeholder="阶段信息">
					</view>
					<view @click="gets()">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="quanxian m_t_50"></view>
			<view class="m_t_50">
				<view class="f b c">
					<text class="fs32 bold">上课地点</text>
				</view>
				<view class="f b c p_t_31" >
					<view class="vw40 f b c">
						<text class="fs24 ">选择教室</text>
						<input class="ipts" type="text" placeholder="选择教室">
					</view>
					<view class="" @click="get()">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
			</view>
			<view v-if="show == true" style="position:relative;">
				<view class="teaching-lan">
					<view>
						<view class=" senter p_t_20">
							<text>教室教室</text>
						</view>
						<view class="quanxiana"></view>
					</view>
					<view>
						<view class=" senter p_t_20">
							<text>教室教室</text>
						</view>
						<view class="quanxiana"></view>
					</view>
					<view>
						<view class="senter p_t_20">
							<text>教室教室</text>
						</view>
					</view>
				</view>
			</view>
			<view class="quanxian m_t_50"></view>
			<view class="m_t_50">
				<view>
					<text class="fs32 bold">教练信息</text>
				</view>
				<view class="f b c p_t_31">
					<view class="vw40 f b c">
						<text class="fs24 ">添加教练</text>
						<input class="ipts" type="text" placeholder="选择教练">
					</view>

				</view>
				<view class="f b c p_t_31">
					<view class="vw40 f b c">
						<text class="fs24 ">基本信息</text>
						<input class="ipts" type="text" placeholder="教练基本信息">
					</view>

				</view>
			</view>
			<view class="quanxian m_t_50"></view>
			<view class="Post-but">
				<button type="default">添加</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				DC: 0, //  0:大池   1:小池
				showsc: false,
				arr: '日期日期日期',
				show: false,
				showa: false,
				action: 'http://www.example.com/upload'
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '添加课程'
			})
		},
		methods: {
			tom(e) {
				console.log(e);
				this.arr = e.year + '-' + e.month + '-' + e.day
			},
			get() {
				this.show = !this.show
			},
			gets() {
				this.showa = !this.showa
			},
			submit() {
				this.$refs.uUpload.upload();
			},
			DCs(e) {
				this.DC = e
			}
		}
	}
</script>

<style scoped>
	.warps {
		/* height: 200vh; */
		overflow: hidden;
		background-color:#F6F8FC;
	}

	.hui {
		width: 164rpx;
		height: 34rpx;
		font-size: 24rpx;
	}

	.ipts {
		width: 164rpx;
		height: 34rpx;
		font-size: 24rpx;
	}

	.Post-but {
		margin: 0 auto;
		margin-top: 244rpx;
	}

	.Post-but>button {
		width: 686rpx;
		height: 72rpx;
		opacity: 1;
		background: #cccccc;
		border-radius: 12rpx;
		font-size: 32rpx;
		color: #fff;
	}
	.quanxians{
		width: 160rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #e0e0e0;
		margin-left:20rpx;
	}
	.quanxiansa{
		width: 228rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #e0e0e0;
		margin-left:20rpx;
	}
	.teaching-lan {
		width: 260rpx;
		height: 250rpx;
		opacity: 1;
		background: #ececec;
		border-radius: 8rpx;
		position: absolute;
		top:50rpx;
		left: 420rpx;
		z-index: 99;
	}

	.quanxiana {
		width: 258rpx;
		height: 2rpx;
		opacity: 1;
		border: 2rpx solid #e0e0e0;
		margin-top: 25rpx;
	}
	.Increase-top{
		width: 452rpx;
		height:656rpx;
		opacity: 1;
		background: #ececec;
		border-radius: 8rpx;
		position:absolute;
		top:370rpx;
		left:260rpx;
		z-index:99;
	}
</style>

